@media (min-width: 1000px) { 
.main {
  float: center;
   position: relative;
   top: -150px;
   width: 100%;
   height: auto;
   pointer-events: none;
 }
 .main_phone {
   width: 0%;
   height: 0%;
 }
}

@media (max-width: 999px) { 
.main {
   width: 0%;
   height: 0%;
 }
.main_phone {
   position: relative;
   width: 100%;
   height: 100%;
   top: -120px;
   margin-bottom: 50px;
   pointer-events: none;
 }
}
@media (max-width: 699px) { 
.main_phone {
   top: -60px;
 }
}
@media (max-width: 499px) { 
.main_phone {
   top: -20px;
 }
}




/* LIST OF BUTTONS */
.list {
	top: 350px;
  height: 300px;
	position: relative;
	max-width: 1200px;
	left: 50%;
	transform: translate(-50%);
}


*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.areaWhite {
position:relative; 
bottom: 50px
}
.mobile-1 {
font-weight: bolder; color: rgba(0,0,0,0.8);
}
#white {
font-weight: bolder; color: rgba(225,225,225,0.6);
}
#dark {
  font-weight: bolder; color: rgba(0,0,0,0.8);
}
#area {
position: relative; background-color: #121212; width: 100%
}
#whitetext {
margin-top: 20px;text-align: center; font-weight: 0; color: rgba(225,225,225,0.3);
}
#darktext {
margin-top: 20px;text-align: center; font-weight: 0; color: rgba(0,0,0,0.5);
}
#whitebutton {
  width: 300px; height: 65px; line-height: 65px; font-weight: bolder; background-color: rgba(225,225,225,0.03)
}
#darkbutton {
  width: 300px; height: 65px; line-height: 65px; font-weight: bolder; color: rgba(0,0,0,0.8);
}






/* Preloader */
@media (max-width: 1000px) {
          #p_prldr{
            width: 100%;
            height: 100%;
            text-align: center;
            position: fixed;
            left: 0px;
            top: 0px;
            background: #121212;
            z-index: 30;
          }
          .contpre{
            top: 30%;
            position: relative;
            color: white;
            font-size:30px;
            text-align:center;
            line-height:35px;
          }
}
@media (min-width: 1001px) {
          #p_prldr{
            width: 100%;
            height: 100%;
            text-align: center;
            position: fixed;
            left: 0px;
            top: 0px;
            background-color: #030303;
            z-index: 30;
          }
          .contpre{
            top: 30%;
            position: relative;
            color: white;
            font-size:40px;
            text-align:center;
            line-height:35px;
          }
            }